<!--
此文件为开发者工具生成，生成时间: 2021/11/28 下午7:52:54
使用方法：
在 D:\git\毕业设计\毕业设计\毕业设计\uniapp_shop-master\unpackage\dist\dev\mp-weixin\pages\goods\goods-list.wxml 引入模板

```
<import src="goods-list.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```

在 D:\git\毕业设计\毕业设计\毕业设计\uniapp_shop-master\unpackage\dist\dev\mp-weixin\pages\goods\goods-list.wxss 中引入样式
```
@import "./goods-list.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view>
      <view class="header" style="position: fixed; top: 0px; border: none;">
        <view class="target on sk-transparent sk-text-14-2857-675 sk-text" data-event-opts="tap,select,0" style="border: none;">销量</view>
        <view class="target sk-transparent" data-event-opts="tap,select,1">价格
          <view class="icon sheng sk-pseudo sk-pseudo-circle"></view>
        </view>
      </view>
      <view class="place"></view>
      <view class="goods-list">
        <view class="product-list">
          <view class="product" data-event-opts="tap,toGoods,$0,goodsList,,0">
            <image style="width:100%;height:145px;" class="sk-image"></image>
            <view class="name sk-transparent sk-text-14-2857-835 sk-text">CME红外线额温枪</view>
            <view class="info">
              <view class="price sk-transparent sk-text-14-2857-100 sk-text">单价:45元</view>
              <view class="slogan sk-transparent sk-text-14-2857-787 sk-text">库存:123件</view>
            </view>
            <view class="zhekou"></view>
          </view>
          <view class="product" data-event-opts="tap,toGoods,$0,goodsList,,1">
            <image style="width:100%;height:145px;" class="sk-image"></image>
            <view class="name sk-transparent sk-text-14-2857-571 sk-text">MC-612 欧姆龙电子体温计</view>
            <view class="info">
              <view class="price sk-transparent sk-text-14-2857-957 sk-text">单价:25元</view>
              <view class="slogan sk-transparent sk-text-14-2857-690 sk-text">库存:234件</view>
            </view>
            <view class="zhekou"></view>
          </view>
          <view class="product" data-event-opts="tap,toGoods,$0,goodsList,,2">
            <image style="width:100%;height:145px;" class="sk-image"></image>
            <view class="name sk-transparent sk-text-14-2857-930 sk-text">宝丽康电子体温计</view>
            <view class="info">
              <view class="price sk-transparent sk-text-14-2857-708 sk-text">单价:23元</view>
              <view class="slogan sk-transparent sk-text-14-2857-257 sk-text">库存:123件</view>
            </view>
            <view class="zhekou"></view>
          </view>
          <view class="product" data-event-opts="tap,toGoods,$0,goodsList,,3">
            <image style="width:100%;height:145px;" class="sk-image"></image>
            <view class="name sk-transparent sk-text-14-2857-552 sk-text">红外线测温仪(倍尔康额温枪)</view>
            <view class="info">
              <view class="price sk-transparent sk-text-14-2857-569 sk-text">单价:52元</view>
              <view class="slogan sk-transparent sk-text-14-2857-679 sk-text">库存:12件</view>
            </view>
            <view class="zhekou"></view>
          </view>
          <view class="product" data-event-opts="tap,toGoods,$0,goodsList,,4">
            <image style="width:100%;height:145px;" class="sk-image"></image>
            <view class="zhekou"></view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	/*
	此文件为开发者工具生成，生成时间: 2021/11/28 下午7:52:54
	
	在 D:\git\毕业设计\毕业设计\毕业设计\uniapp_shop-master\unpackage\dist\dev\mp-weixin\pages\goods\goods-list.wxss 中引入样式
	```
	@import "./goods-list.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-675 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-835 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-100 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-787 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.8125rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-571 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-957 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-690 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.8125rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-930 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-708 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-257 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.8125rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-552 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-569 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-679 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.8125rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>
